@import "~choerodon-ui/lib/style/themes/default";

.c7ncd-number-base {
  background: #fff2e8 !important;
  border: 1px solid #ffbb96 !important;
  color: #fa541c !important;
}

.c7ncd-deploy-content {
  &-deployType {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    &-name {
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  &-deployObjectP {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .2rem;

    & + & {
      margin-top: 2px;
    }
  }

  &-deployObjectName {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

  &-deployObjectVersion {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-color3);
    line-height: 20px;
  }

  &-table {

    &-mark {
      display: inline-block;
      margin-right: 0.06rem;
      line-height: 0.18rem;
      text-align: center;
      font-size: 0.12rem;
      min-width: 0.44rem;
      height: 0.2rem;
      background: #e6f7ff;
      border-radius: 4px;
      border: 1px solid #91d5ff;
      color: #4d90fe;

      &-auto {
        color: #5365ea;
        background: #f0f5ff;
        border: 1px solid #adc6ff;
      }

      &-baseComponent {
        background: #fff2e8 !important;
        border: 1px solid #ffbb96 !important;
        color: #fa541c !important;
      }

      &-hzero {
        background: #f9f0ff;
        border: 1px solid #d3adf7;
        color: #722ed1;
      }
    }

    &-user {
      line-height: 0.18rem;
      margin-bottom: 0.02rem;
    }

    &-time {
      display: flex;
      line-height: 0.2rem;

      &-text {
        margin-right: 0.06rem;
      }
    }

    &-instance {
      color: var(--table-click-color);
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
    }

    &-env {
      margin-left: 0.06rem;
      color: var(--text-color);
    }

    &-appService {
      line-height: 0.2rem;
      display: block;
      color: var(--text-color);
      margin-bottom: 0.02rem;
    }

    &-version {
      line-height: 0.2rem;
      display: block;
    }
  }

  &-icon-failed {
    color: #f44336;
    vertical-align: middle;
    margin-left: 0.05rem;
  }

  &-source {
    background: rgba(15, 19, 88, 0.06);
    border-radius: 5px;
    font-size: .12rem;
    color: var(--text-color);
    line-height: .2rem;
    padding: 0 .04rem;

    &-wrap {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    &-text {
      padding-left: .1rem;
    }

    &-market {
      margin-top: .02rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  &-command {
    height: 100%;

    .CodeMirror {
      height: 100%;
    }
  }
}

.c7ncd-deploy-detail-modal-title {
  display: flex;
}

.c7ncd-select-option-loading {
  width: calc(100% + 0.24rem);
  margin: -0.04rem 0;
  margin-left: -0.12rem;
  text-align: center;
  background: #fff;
}
